<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>



    <style>

            /*
            
            [屬性名]選擇含有指定屬性的元素 
            [屬性名=屬性值] 選擇含有指定屬性和屬性指的元素
            [屬性名^=屬性值]選擇屬性值以指定值開頭的元素            
            [屬性名$=屬性值]選擇屬性值以指定值結尾的元素
            [屬性名* =屬性值]選擇屬性值中含有某值的元素的元素
            */
        p[title^=abccc]{
            color: orange;
        }
        
        p[title$=abccc]{
            color: orange;
        }


    </style>
</head>
<body>
    
    <p title="abccc">就這8</p>
    <p title="heabccc">就這</p>
    <p  >就這6</p>
    <p >就這5</p>
    <p>就這4</p>
    <p >就3</p>
    <p>就這2</p>
    <p>就這1</p>
</body>
</html>